<template>
  <div class="w-full" style="overflow: hidden;">
    <van-sticky>
      <van-button type="primary" block @click="toDetail">去详情页</van-button>
      <van-button type="primary" block @click="toHome">去首页</van-button>
    </van-sticky>


    <div style="width: 100px;height: 100px;border: 1px solid #000;">

    </div>
  </div>
</template>

<script setup lang="ts">
import axios from 'axios'
import {ref, reactive} from 'vue';
import {useRouter, useRoute} from 'vue-router';
import ZList from '@/components/Z-UI/ZList/myList.vue';

const router = useRouter()
const route = useRoute()

const toDetail = () => {
  router.push({
    name: 'Detail',
    query: {
      timeStr: route.query?.timeStr
    }
  })
}

const toHome = () => {
  router.push({
    name: 'Home'
  })
}
</script>

<style scoped lang="scss">
// @function px2rem($px) {
// 	$item: 37.5px;
// 	@return $px/$item+rem;
// }

.custom-item {
  padding: 15px;
  margin: 10px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.custom-item h3 {
  margin: 0 0 8px 0;
  font-size: 16px;
}

.custom-item p {
  margin: 0;
  color: #666;
  font-size: 14px;
}

.card {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  background-color: antiquewhite;
}
</style>